<script lang="ts" setup>
import { type PropType, ref } from "vue";
import type { Blog } from "@/types";
import ArticalDetails from "./ArticalDetails.vue";
const props = defineProps({
  data: {
    type: Object as PropType<Blog>,
    required: true,
  },
});
</script>

<template>
  <ShareAnimation :auto="false">
    <ArticalItem :data="props.data"></ArticalItem>
    <template #show="{ close, play }">
      <ArticalDetails
        @vue:mounted="play"
        :data="props.data"
        :close="close"
      ></ArticalDetails>
    </template>
  </ShareAnimation>
</template>

<style lang="less" scoped></style>
